<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            font-family: MYingHei W5,Roman-55,Microsoft Yahei,sans-serif;
            font-size: 16px;
        }
       #s1{
            width: 1920px;
            height: 50px;
            color: #828282;
           background-color: #0aa1ed;
           left: 0;

        }
        .s1>diy{
            margin: 0 auto;
        }
        ul{
            list-style-type: none;/*去掉图标*/

        }
        li{
            float: left;
            margin: 0 15px;/*添加间距*/
        }
        img{
            float: left;
        }
        #s2{
            width: 1920px;
            height: 37px;
            background-color: #333333;
        }
        a{
text-decoration: none;
        }
    </style>
</head>
<body>
<div id="s1">
    <img src="一加品牌图标001.png" width="100" height="26" alt="">
    <div>
    <ul>
        <li ><a href="">手机</a></li>
        <li ><a href="">OnePlus Watch</a></li>
        <li ><a href="">配件</a></li>
        <li ><a href="">商城</a></li>
        <li ><a href="">品牌</a></li>
        <li ><a href="">服务</a></li>
        <li ><a href="">论坛</a></li>
        <li ><a href="">零售店</a></li>
    </ul>
    </div>
    <img src="登录图标002.png" width="45" height="40" alt="">
    <img src="购物车图标003.png" width="40" height="35" alt="">
</div>
<div id="s2">

</div>
</body>
</html>